<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Bootstrap-Table</title>
    <link rel="stylesheet" href="../../resources/css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="../../resources/css/plugins/bootstrap-table/bootstrap-table.css"/>
    <link rel="stylesheet" href="../../resources/css/pluginsExt/common.css"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>
<body>
<div class="col-md-12">
    <table data-toggle="table" data-height="268" class="table table-striped table-bordered table-hover" id="tableL02">
        <thead>
        <tr>
            <th data-field="id"  data-align="center" data-valign="middle">序号</th>
            <th data-field="gys"  data-align="center" data-valign="middle">供应商</th>
            <th data-field="pz"  data-align="center" data-valign="middle">品种</th>
            <th data-field="rz"  data-align="center" data-valign="middle">热值</th>
            <th data-field="mj" data-align="center" data-valign="middle">煤价</th>
            <th data-field="bmdj" data-align="center" data-valign="middle">标煤单价</th>
            <th data-field="drlm" data-align="center" data-valign="middle">当日来煤</th>
            <th data-field="ljlm" data-align="center" data-valign="middle">累计来煤</th>
            <th data-field="yjhl" data-align="center" data-valign="middle">月计划量</th>
            <th data-field="yjhjd" data-align="center" data-valign="middle" data-formatter="progress">月计划完成进度</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>2</td>
            <td>双欣矿业</td>
            <td>低硫煤</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>6686.08</td>
            <td>30000</td>
            <td>22%</td>
        </tr>
        <tr>
            <td>3</td>
            <td>伊泰股份</td>
            <td>工程煤</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>51888.72</td>
            <td>70000</td>
            <td>74%</td>
        </tr>
        <tr>
            <td>4</td>
            <td>嘉远公司</td>
            <td>中高硫煤</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>20041.86</td>
            <td>90000</td>
            <td>100%</td>
        </tr>
        <tr>
            <td>5</td>
            <td>爱地能源</td>
            <td>低硫煤</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>5191.08</td>
            <td>30000</td>
            <td>0%</td>
        </tr>
        <tr>
            <td>6</td>
            <td>恒泰煤炭</td>
            <td>中高硫煤</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>18265.56</td>
            <td>0</td>
            <td>22%</td>
        </tr>
        <tr>
            <td>7</td>
            <td>双欣矿业</td>
            <td>低硫煤</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>6686.08</td>
            <td>30000</td>
            <td>22%</td>
        </tr>
        <tr>
            <td>8</td>
            <td>双欣矿业</td>
            <td>低硫煤</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>6686.08</td>
            <td>30000</td>
            <td>22%</td>
        </tr>
        <tr>
            <td>9</td>
            <td>双欣矿业</td>
            <td>低硫煤</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>6686.08</td>
            <td>30000</td>
            <td>22%</td>
        </tr>
        </tbody>
    </table>
</div>
<div class="clearfix"></div>
<div style="margin-top: 50px">
    <div>
        <div class="col-md-12">
            <table id="onlys" class="table table-hover"></table>
        </div>
    </div>
</div>
<div class="clearfix"></div>
<div style="margin-top: 50px">
    <div>
        <div class="col-md-12">
            <div class="bars pull-left"><div class="btn-group hidden-xs" id="exampleToolbar" role="group">
                <button type="button" class="btn btn-outline btn-default">
                    <i class="glyphicon glyphicon-plus" aria-hidden="true"></i>
                </button>
                <button type="button" class="btn btn-outline btn-default">
                    <i class="glyphicon glyphicon-heart" aria-hidden="true"></i>
                </button>
                <button type="button" class="btn btn-outline btn-default">
                    <i class="glyphicon glyphicon-trash" aria-hidden="true"></i>
                </button>
            </div></div>
            <table id="mytab" class="table table-hover"></table>
            <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                &times;
                            </button>
                            <h4 class="modal-title" id="myModalLabel">添加记录</h4>
                        </div>
                        <div class="modal-body">
                            <form role="form" action="javascript:void(0)">
                                <div class="form-group">
                                    <input type="text" class="form-control" id="name" placeholder="请输入名称">
                                </div>
                                <div class="form-group">
                                    <input type="text" class="form-control" id="age" placeholder="请输入年龄">
                                </div>
                                <div class="form-group">
                                    <input type="text" class="form-control" id="sex" placeholder="请输入性别">
                                </div>
                            </form>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                            <button type="button" class="btn btn-primary" id="addRecord">提交</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="clearfix"></div>
<div class="container col-md-12" style="margin-top: 50px">
    <table id="tableSort"
           data-toggle="table"
           data-height="460"
           data-sort-name="price"
           data-sort-order="desc">
        <thead>
        <tr>
            <th data-field="id"  data-sortable="true">Item ID</th>
            <th data-field="name"  data-sortable="true">Item Name</th>
            <th data-field="price" data-sortable="true" data-sorter="priceSorter">Item Price</th>
        </tr>
        </thead>
    </table>
</div>
<script src="../../resources/js/jquery-2.1.1.js"></script>
<script src="../../resources/js/bootstrap/bootstrap.min.js"></script>
<script src="../../resources/js/plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="../../resources/js/plugins/bootstrap-table/bootstrap-table-zh-CN.js"></script>
<script type="text/javascript">
    $(function(){
        $("#onlys").bootstrapTable({
            height:tableHeight(),
            search: true,
            pageSize: 20,
            cache: false,
            pageList: [5, 10, 20, 50,80,100],
            dataType: "json",
            searchAlign: "right",
            queryParamsType: "limit",
            buttonsAlign: "right",
            toolbarAlign: "right",
            locale: "zh-CN",
            columns: [
                {
                    title:'全选',
                    checkbox:true,
                },
                {
                    field: '名称',
                    title: '名称',
                }, {
                    field: '年龄',
                    title: '年龄'
                }, {
                    field: '性别',
                    title: '性别'
                }],
            data: [{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            }, {
                名称: 2,
                年龄: 'test 2',
                性别: '男'
            },{
                名称: 1212,
                年龄: 'test 1436',
                性别: '男'
            },{
                名称: 123,
                年龄: 'test 123',
                性别: '女'
            },{
                名称: 45,
                年龄: 'test 456',
                性别: '男'
            },{
                名称: 456,
                年龄: 'test 546',
                性别: '男'
            },{
                名称: 234,
                年龄: 'test 1434',
                性别: '女'
            },{
                名称: 1245,
                年龄: 'test 123',
                性别: '男'
            },{
                名称: 654,
                年龄: 'test 234',
                性别: '女'
            },{
                名称: 985,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 234,
                年龄: 'test 456',
                性别: '男'
            },{
                名称: 789,
                年龄: 'test 789',
                性别: '女'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 234,
                年龄: 'test 234',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 234',
                性别: '男'
            },{
                名称: 4324,
                年龄: 'test 234',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 345,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 234,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 345,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 657,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 924,
                年龄: 'test 890',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 234,
                年龄: 'test 134',
                性别: '女'
            },{
                名称: 1,
                年龄: 'test 1',
                性别: '男'
            },{
                名称: 124,
                年龄: 'test 36',
                性别: '女'
            },{
                名称: 23,
                年龄: 'test 14',
                性别: '男'
            },{
                名称: 1654,
                年龄: 'test 156',
                性别: '男'
            },{
                名称: 53,
                年龄: 'test 134',
                性别: '女'
            },{
                名称: 12,
                年龄: 'test 124',
                性别: '难'
            },{
                名称: 567,
                年龄: 'test 33',
                性别: '女'
            },{
                名称: 75,
                年龄: 'test 1',
                性别: '男'
            }
            ]
        });
        $('#mytab').bootstrapTable({
            height:tableHeight(),
            search: true,
            pageSize: 20,
            cache: false,
            sortOrder: "asc",
            pageList: [5, 10, 20, 50,80,100],
            "total":200,
            dataType: "json",
            searchAlign: "right",
            queryParamsType: "limit",
            buttonsAlign: "right",
            toolbar: "#toolbar",
            toolbarAlign: "right",
            locale: "zh-CN",
            detailView:false,
            showRefresh:true,
            data:[{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            }, {
                "名称": 2,
                "年龄": "test 2",
                "性别": "男"
            },{
                "名称": 1212,
                "年龄": "test 1436",
                "性别": "男"
            },{
                "名称": 123,
                "年龄": "test 123",
                "性别": "女"
            },{
                "名称": 45,
                "年龄": "test 456",
                "性别": "男"
            },{
                "名称": 456,
                "年龄": "test 546",
                "性别": "男"
            },{
                "名称": 234,
                "年龄": "test 1434",
                "性别": "女"
            },{
                "名称": 1245,
                "年龄": "test 123",
                "性别": "男"
            },{
                "名称": 654,
                "年龄": "test 234",
                "性别": "女"
            },{
                "名称": 985,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 234,
                "年龄": "test 456",
                "性别": "男"
            },{
                "名称": 789,
                "年龄": "test 789",
                "性别": "女"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 234,
                "年龄": "test 234",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 234",
                "性别": "男"
            },{
                "名称": 4324,
                "年龄": "test 234",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 345,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 234,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 345,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 657,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 924,
                "年龄": "test 890",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 234,
                "年龄": "test 134",
                "性别": "女"
            },{
                "名称": 1,
                "年龄": "test 1",
                "性别": "男"
            },{
                "名称": 124,
                "年龄": "test 36",
                "性别": "女"
            },{
                "名称": 23,
                "年龄": "test 14",
                "性别": "男"
            },{
                "名称": 1654,
                "年龄": "test 156",
                "性别": "男"
            },{
                "名称": 53,
                "年龄": "test 134",
                "性别": "女"
            },{
                "名称": 12,
                "年龄": "test 124",
                "性别": "男"
            },{
                "名称": 567,
                "年龄": "test 33",
                "性别": "女"
            },{
                "名称": 75,
                "年龄": "test 1",
                "性别": "男"
            }
            ],
            columns: [
                {
                    title:'全选',
                    checkbox:true,
                },
                {
                field: '名称',
                title: '名称',
            }, {
                field: '年龄',
                title: '年龄'
            }, {
                field: '性别',
                title: '性别'
            }],
        });
    })
    $("#tableSort").bootstrapTable({
        height:tableHeight(),
        columns: [
            {
                title:'全选',
                checkbox:true,
            },
            {
                field: '名称',
                title: '名称',
            }, {
                field: '年龄',
                title: '年龄'
            }, {
                field: '性别',
                title: '性别'
            }],
        data: [{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        }, {
            名称: 2,
            年龄: 'test 2',
            性别: '男'
        },{
            名称: 1212,
            年龄: 'test 1436',
            性别: '男'
        },{
            名称: 123,
            年龄: 'test 123',
            性别: '女'
        },{
            名称: 45,
            年龄: 'test 456',
            性别: '男'
        },{
            名称: 456,
            年龄: 'test 546',
            性别: '男'
        },{
            名称: 234,
            年龄: 'test 1434',
            性别: '女'
        },{
            名称: 1245,
            年龄: 'test 123',
            性别: '男'
        },{
            名称: 654,
            年龄: 'test 234',
            性别: '女'
        },{
            名称: 985,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 234,
            年龄: 'test 456',
            性别: '男'
        },{
            名称: 789,
            年龄: 'test 789',
            性别: '女'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 234,
            年龄: 'test 234',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 234',
            性别: '男'
        },{
            名称: 4324,
            年龄: 'test 234',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 345,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 234,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 345,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 657,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 924,
            年龄: 'test 890',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 234,
            年龄: 'test 134',
            性别: '女'
        },{
            名称: 1,
            年龄: 'test 1',
            性别: '男'
        },{
            名称: 124,
            年龄: 'test 36',
            性别: '女'
        },{
            名称: 23,
            年龄: 'test 14',
            性别: '男'
        },{
            名称: 1654,
            年龄: 'test 156',
            性别: '男'
        },{
            名称: 53,
            年龄: 'test 134',
            性别: '女'
        },{
            名称: 12,
            年龄: 'test 124',
            性别: '难'
        },{
            名称: 567,
            年龄: 'test 33',
            性别: '女'
        },{
            名称: 75,
            年龄: 'test 1',
            性别: '男'
        }
        ]
    });
    function tableHeight() {
        return $(window).height() - 150;
    }
    $("#addRecord").click(function(){
        $('#mytab').bootstrapTable('append',("name:" + $("#name").val() + " age:" +$("#age").val()))
    });
</script>
</body>
</html>